<template>
    <div>
        <dv-full-screen-container class="screen-container">
            <dv-loading v-if="loading">Loading...</dv-loading>
            <div v-else class="host-body">
                <h1 class="cockpitTitle">国贸云商党建大数据</h1>
                <!-- 上 -->
                <cpcTop class="cpcTop" ref="cpcTop"></cpcTop>
                <!-- 中 -->
                <cpcCenter class="cpcCenter" ref="cpcCenter"></cpcCenter>
                <!-- 下 -->
                <cpcBot class="cpcBot" ref="cpcBot"></cpcBot>
            </div>
        </dv-full-screen-container>
    </div>
</template>

<script>
import cpcCenter from './components/cpcCenter.vue'
import cpcTop from './components/cpcTop.vue'
import cpcBot from './components/cpcBot.vue'
export default {
    props: {},
    data() {
        return {
            loading: true
        }
    },
    computed: {},
    created() {},
    mounted() {
        this.cancelLoading()
    },
    watch: {},
    methods: {
        allmapData(data) {
            this.$nextTick(() => {
                // this.$refs.cpcBot.rightChartgetall(data)
                // this.$refs.cpcTop.leftChartgetall(data)
                // this.$refs.cpcCenter.CenterChartgetall(data)
            })
        },
        init(data) {
            //300000
            this.timer = setInterval(() => {
                this.allmapData(data)
            }, 300000)
        },
        cancelLoading() {
            setTimeout(() => {
                this.loading = false
            }, 2000)
        }
    },
    beforeDestroy() {},
    components: {
        cpcCenter,
        cpcTop,
        cpcBot
    }
}
</script>

<style scoped lang="scss">
.screen-container {
    font-family: 'fangzheng';
    color: #ffffff;
    background-color: #000000;
    width: 100%;
    // height: 100vh;
    // 660
    height: 704px !important;
    background-image: url('../../assets/cpc/bigBg.png');
    background-size: cover;
    background-position: center center;
    .host-body {
        width: 100%;
        height: 100%;
        padding: 90px 35px 20px;
        box-sizing: border-box;
        position: relative;
        .cpcTop {
            height: 81px;
        }
        .cpcCenter {
            height: 296px;
            margin-top: 13px;
        }
        .cpcBot {
            height: 206px;
        }
        .cockpitTitle {
            position: absolute;
            font-size: 38px;
            color: #ffffff;
            font-weight: 400;
            width: 100%;
            text-align: center;
            left: 0;
            top: 15px;
            letter-spacing: 2px;
        }
    }
}
</style>
